@yahei :'Microsoft YaHei';

@media screen and (min-width: 750px) {
    html {
        font-size: 75px!important;
    }    
}
img,a { -webkit-touch-callout: none; }
input {
    -webkit-appearance: none;
}
* {
    -webkit-tap-highlight-color: transparent;
}
body {
    
    width: 10rem;
    margin: 0 auto;
    background-color: #F2F4F7;
    
}
.white-background {
    background-color: #fff;
}
a {
    text-decoration: none;
    font-style: .3333rem;
    color: #707070;

}
div , section ,footer,header,h5{
    box-sizing: border-box;
}

.header {
    width: 100%;
    height: 1.28rem;

    text-align: center;
    border-bottom: 1px solid #EAEAEA;

    font:400 .4667rem/1.28rem @yahei;
}

.nav {
    display: flex;
    flex-wrap: wrap;
    padding: .68rem 0 .8rem;
    .item {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 33.33%;

        img {
            width: 1.44rem;
            margin-bottom: .5333rem;
        }
        span {
            font: .3333rem @yahei;
            color: #707070;
        }
        &:nth-child(n+4) {
            margin-top: .92rem;
        }
    }
}

.go {
    img {
        width: 100%;
    }
}

.content {
    .con-hd {
        display: flex;
        justify-content: space-between;
        height: 1.4933rem;
        padding: .5333rem .44rem 0;
        h4{
            display: flex;
            margin: 0;
            span {
                display: block;
                width: .5067rem;
                height: .5067rem;
                margin-right: .24rem;
                img {
                    width: 100%;
                }
            }
            font: 700 .3733rem @yahei;
            color: #333333;
        }
        a {
            font: .2933rem @yahei;
            color: #999999;
        }
        
    }
}

.get-job-focus {
    position: relative;
    .swiper {
        
        height: 100%;
      }
      .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: transparent;
        display: flex;
        flex-direction: column;
        align-items: center;
        transition: 300ms;
        transform:  scale(.8) ;
        width: 4.5067rem;      
        opacity: .4;
        p {
            margin: .32rem 0 .5067rem;
            visibility: hidden;
            font: 400 .3333rem @yahei;
        }
      }
      .swiper-slide-active,.swiper-slide-duplicate-active{
        transform:  scale(1) ;
        
        z-index: 1;
        opacity: 1;
        margin: 0 ;
        p {
            visibility:visible;
        }
      }
      .get_job_fo {
            width: 7.1733rem;
          img {
            width: 4.5067rem;
            height: 5.0133rem;
        }
      }

      .swiper-button-prev,.swiper-button-next {
        transform: translateY(-0.5867rem);
        &:after{
          font-size: .5733rem;
          color: #333;
          
        } 
     
    }

      
}


.student-con {
    margin-bottom: 1.56rem;
    padding: .52rem 0  0 .4133rem;
    .study {

        .swiper {
            width: 100%;
            height: 100%;
        }
        .swiper-wrapper {
            padding-bottom: 0.6rem;
        }
    
          .swiper-slide {
            text-align: center;
    
            /* Center slide text vertically */
            display: -webkit-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            flex-direction: column;
            justify-content: start;
            align-items: start;
            box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
            
            img {
                width: 3.6267rem;
            }
            h5{
                margin: .2267rem 0 .3333rem;
                padding: 0 .24rem;
                width: 3.6267rem;
               
                text-align: left;
                font: 400 .3733rem/1.2 @yahei;
            }
            p {
                width: 3.6267rem;
                margin: 0;
                margin-bottom: .4267rem;
                padding-left: .3467rem;
                text-align: left;
                font: 400 .24rem/1.2 @yahei;
                i {
                    font-style: normal;
                    color: #FF4400;
                }
            }
            
          }
    
          .swiper-slide img {
            display: block;
            
          }
    
    
    }
}


.footer {
    position: fixed;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    display: flex;
    width: 10rem;
    height: 1.5067rem;
    z-index: 10;
    background-color: #fff;
    
    .item {
        padding: .2533rem 0;
        flex: 1;
        text-align: center;
        img {
            width: .52rem;
            height: .5467rem;
            margin-bottom: .1467rem;
        }
        p {
            margin: 0;
            font: .2933rem @yahei;
            color: #666666;
        }
    }
}
.footer-white {
    height: 1.52rem;
}